<!DOCTYPE html>
<html>
   <head>
      <title>L.C. Test</title>
      <link rel="stylesheet" type="text/css" href="style.css"/>
   </head>
   <body>
      <div id="boundary">
         <p>This is a sentence</p>
      </div><hr/>
      
      <ul id="controller">
         <li>Font-Color
            <ul>
               <li>
                  <select id="font_color_select">
                     <option value="red" selected>Red</option>
                     <option value="green">Green</option>
                     <option value="blue">Blue</option>
                     <option value="pink">Pink</option>
                     <option value="purple">Purple</option>
                     <option value="yellow>">Yellow</option>
                  </select>&nbsp;&nbsp;
                  <button id="fontColorButton">Change</button>
               </li>
            </ul>
         </li>
         
         <li>Background-Color
            <ul>
               <li>
                  <select id="background_color_select">
                     <option value="red" selected>Red</option>
                     <option value="green">Green</option>
                     <option value="blue">Blue</option>
                     <option value="pink">Pink</option>
                     <option value="purple">Purple</option>
                     <option value="yellow>">Yellow</option>
                  </select>&nbsp;&nbsp;
                  <button id="backgroundColorButton">Change</button>
               </li>
            </ul>
         </li>
         
         <li>Font-Size
            <ul>
               <li>
                  <select id="font_size_select">
                     <option value="5" selected>5 px</option>
                     <option value="10">10 px</option>
                     <option value="15">15 px</option>
                     <option value="20">20 px</option>
                     <option value="25">25 px</option>
                     <option value="30">30 px</option>
                     <option value="40">40 px</option>
                     <option value="50">50 px</option>
                  </select>&nbsp;&nbsp;
                  <button id="fontSizeButton">Change</button>
               </li>
            </ul>
         </li>
         
         <li>Font-Style and Weight
            <ul>
               <li>
                  <select id="font_style_weight_select">
                     <option value="normal" selected>Normal</option>
                     <option value="bold">Bold</option>
                     <option value="italic">Italic</option>
                  </select>&nbsp;&nbsp;
                  <button id="fontStyleWeightButton">Change</button>
               </li>
            </ul>
         </li>
      </ul>
      
      <script src="jquery.js"></script>
      <script src="source.js"></script>
   </body>
</html>